<template>
	<view style="background-color: white;">
		<view class="bian">
			<view class="vartext">

				<view style="color: red;">全部订单</view>
				<view>待付款</view>
				<view>代发货</view>
				<view>待收货</view>
				<view>已完成</view>

			</view>
		</view>
		<view class="bian" style="border-bottom: 3rpx solid #e9e9e9;">
			<view class="vartexts">
				<view>订单号：CG202306280001</view>
				<view style="color: red;">待付款</view>
			</view>
		</view>
		<view class="bian" style="margin-top: 20rpx; display: flex;">
			<img src="../../static/images/login/logo.png" width="20rpx"></img>
			<view style="margin-left: 10px;">定制工作服</view>
		</view>

		<view style="border-bottom: 3px solid #e9e9e9;padding-bottom: 10px; border-bottom: 20rpx solid #e9e9e9;">
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian">
				<view class="he">
					<view></view>
					<view>共4件商品，合计：￥120.00</view>
				</view>
				<view class="he">
					<view></view>
					<view class="fq">
						<view>取消订单</view>
						<view>付款</view>
					</view>
				</view>
			</view>
		</view>


		<view style="border-bottom: 3px solid #e9e9e9;padding-bottom: 10px; border-bottom: 20rpx solid #e9e9e9;">
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian">
				<view class="he">
					<view></view>
					<view>共4件商品，合计：￥120.00</view>
				</view>
				<view class="he">
					<view></view>
					<view class="fq">
						<view>取消订单</view>
						<view>付款</view>
					</view>
				</view>
			</view>
		</view>
		
		<view style="border-bottom: 3px solid #e9e9e9;padding-bottom: 10px; border-bottom: 20rpx solid #e9e9e9;">
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian">
				<view class="he">
					<view></view>
					<view>共4件商品，合计：￥120.00</view>
				</view>
				<view class="he">
					<view></view>
					<view class="fq">
						<view>取消订单</view>
						<view>付款</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<view style="border-bottom: 3px solid #e9e9e9;padding-bottom: 10px; border-bottom: 20rpx solid #e9e9e9;">
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian">
				<view class="he">
					<view></view>
					<view>共4件商品，合计：￥120.00</view>
				</view>
				<view class="he">
					<view></view>
					<view class="fq">
						<view>取消订单</view>
						<view>付款</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<view style="border-bottom: 3px solid #e9e9e9;padding-bottom: 10px; border-bottom: 20rpx solid #e9e9e9;">
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian">
				<view class="he">
					<view></view>
					<view>共4件商品，合计：￥120.00</view>
				</view>
				<view class="he">
					<view></view>
					<view class="fq">
						<view>取消订单</view>
						<view>付款</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<view style="border-bottom: 3px solid #e9e9e9;padding-bottom: 10px; border-bottom: 20rpx solid #e9e9e9;">
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian">
				<view class="he">
					<view></view>
					<view>共4件商品，合计：￥120.00</view>
				</view>
				<view class="he">
					<view></view>
					<view class="fq">
						<view>取消订单</view>
						<view>付款</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<view style="border-bottom: 3px solid #e9e9e9;padding-bottom: 10px; border-bottom: 20rpx solid #e9e9e9;">
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian" style="display: flex;margin-top: 25rpx;">
				<view><img src="../../static/images/u23.png" width="80rpx"></view>
				<view style="margin-left: 15rpx;">
					<view>polo衬衫定制工作服刺绣印字logo企业短袖T恤文化...</view>
					<view class="row">
						<view>打包；加辣</view>
						<view>x2</view>
					</view>
					<view style="color: red;">￥30.00</view>
				</view>
			</view>
			<view class="bian">
				<view class="he">
					<view></view>
					<view>共4件商品，合计：￥120.00</view>
				</view>
				<view class="he">
					<view></view>
					<view class="fq">
						<view>取消订单</view>
						<view>付款</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.bian {
		width: 94%;
		margin: 0 auto;
	}

	.vartext {
		display: flex;
		justify-content: space-around;
		margin-top: 10rpx;

	}

	.vartexts {
		display: flex;
		justify-content: space-between;
		padding: 10rpx;
	}

	.row {
		display: flex;
		justify-content: space-between;
	}

	.he {
		display: flex;
		justify-content: space-between;
	}

	.fq {
		display: flex;
		margin-top: 10px;
	}

	.fq view:first-child {
		border: 1rpx solid red;
		padding: 10rpx;
		border-radius: 10rpx;
		color: red
	}

	.fq view:last-child {
		margin-left: 10px;
		border: 1rpx solid red;
		padding: 10rpx;
		border-radius: 10rpx;
		background-color: red;
		width: 150rpx;
		text-align: center;
		color: white
	}
</style>